<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="路志莹">
    <title>日程管理</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css">
    <link rel="stylesheet" href="jquery-ui/jquery-ui.css">
    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
    <script src="jquery-ui/jquery-ui.js"></script>
    <script src="js/template-web.js"></script>
    <style>
    body{
        background: #000;
    }
        .btnMy {
            margin: 20px -2px 10px;
        }
        
        #hide {
            display: none;
        }
    </style>
</head>

<body>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">

                <h3 class="modal-title" id="showData"></h3>
                <form>
                    <div id="btn">
                        <input type="button" id="btn1" value="周四" class="btnMy" onclick="handle(event)">
                        <input type="button" id="btn2" value="今天" class="btnMy"  onclick="handle(event)">
                        <input type="button" id="btn3" value="周六" class="btnMy"  onclick="handle(event)">
                        <input type="button" id="btn4" value="周日" class="btnMy"  onclick="handle(event)">
                        <input type="button" id="btn5" value="周一" class="btnMy"  onclick="handle(event)">
                        <input type="button" id="data" value="选择日期" class="btnMy" onchange="choose()">
                    </div>
                </form>


            </div>
            <div class="modal-body">
                <div id="box">

                </div>
            </div>
            <div class="modal-footer">
                <div class="form-group">

                    <div class="col-sm-10">
                        <input type="text" placeholder="请输入任务内容" class="form-control" id="text">
                    </div>

                    <button type="button" class="btn btn-primary" class="col-sm-2 control-label" id="content">提交</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
        <script type="text/html" id="show1">
               {{each data val}}
              <div class="sortDiv" id="{{val.id}}" data="{{val.time}}">
                 {{if val.time==btntime }}
                <h4>{{val.data}}</h4>
                <hr>
                {{/if}}
                </div>
                {{/each}}
        </script>
        <script src="js/index.js">

        </script>

</body>

</html>